  //轮播图
  $(function () {
      let $lis = $(".center .tupian li");
      let $circle = $(".circle li");
      // console.log($pageLi);
      let index = 0;
      $(".arrow-right").click(function () {
        $lis.eq(index).fadeOut(100, function () {
          index++;
          if (index >= $lis.length) index = 0;
          $lis.eq(index).fadeIn(100);
          $pageLi.eq(index).addClass("current").siblings().removeClass("current");
        });
      });
      $(".arrow-left").click(function () {
        $lis.eq(index).fadeOut(100, function () {
          index--;
          if (index < 0) index = $lis.length - 1;
          $lis.eq(index).fadeIn(100);
          $pageLi.eq(index).addClass("current").siblings().removeClass("current");
        });
      });
      //小圆点
      $circle.mouseover(function () {
        $(this).addClass("current").siblings().removeClass("current");
        let that = $(this).index();
        $lis.eq(index).fadeOut(1);
        index = $(this).index();
        $lis.eq(index).fadeIn(1);
      });
      //定时器，自动轮播
    let timeId=  setInterval(function(){
      // clearInterval(timeId)
        $lis.eq(index).stop().fadeOut(0,function () {
          index++;
          if (index >= $lis.length) index = 0;
          $lis.eq(index).stop().fadeIn(0,);
          $circle.eq(index).addClass("current").siblings().removeClass("current");
        });
        // $lis.eq(index).fadeTo(100,0.2,'linear',function(){
        //   index++;
        //   if (index >= $lis.length) index = 0;
        //   $lis.eq(index).stop().fadeTo(100,1,"linear");
        //   $circle.eq(index).addClass("current").siblings().removeClass("current");
        // })
      },2000)
      $('.center').mouseenter(function(){
        clearInterval(timeId)
      })
      $('.center').mouseleave(function(){
        timeId=setInterval(function(){
          $lis.eq(index).stop().fadeOut(0,'linear' ,function () {
            index++;
            if (index >= $lis.length) index = 0;
            $lis.eq(index).stop().fadeIn(0,'linear');
            $circle.eq(index).addClass("current").siblings().removeClass("current");
          });
          // $lis.eq(index).fadeTo(100,0.2,'linear',function(){
          //   index++;
          //   if (index >= $lis.length) index = 0;
          //   $lis.eq(index).stop().fadeTo(100,1,"linear");
          //   $circle.eq(index).addClass("current").siblings().removeClass("current");
          // })
        },2000)
      })
    });
//回到顶部
$(function(){
  $(".return").click(function(){
    $('html,body').animate({scrollTop:0})
  })
})
//固定导航栏
$(function(){
  let $head = $('.head')
  let $main = $('.main')
  let $maintwo = $('.maintwo')
  let $nav = $('.nav')
  console.log($nav);
  $(window).scroll(function(){
    let headHeight = $head.height()
    let mainHeight = $main.height()
    let maintwoHeight = $maintwo.height()
    let navHeight = $nav.height()
    console.log(navHeight);
    let scrollTop =$(window).scrollTop()
    if(scrollTop>headHeight+mainHeight){
      $nav.addClass('fixed')
      $maintwo.css({marginTop:navHeight})
    }else{
      $nav.removeClass('fixed')
      $maintwo.css({marginTop:0})
    }
  })
})